/* reset */ 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,fieldset{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;-webkit-text-size-adjust:none;resize:none;}
ol,ul{list-style:none;}


table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}



/* default */

html{overflow-y:scroll;margin:0;padding:0;border:0;outline:0;}
body{font:62.5%/1.2 Arial,Helvetica,sans-serif !important;color:#000;margin:0;padding:0;border:0;outline:0;}
hr{display:none;}
strong{font-weight:bold;}
abbr,acronym{border:none;}
img{border:none;}
a{text-decoration:none;color:#069;outline:none;}
a:hover{text-decoration:underline;}
a:visited,#footer a:visited{color:#069;}
input,select,textarea,button{font-family:Arial,Helvetica,sans-serif;}
img.photo,span.photo{display:block;padding:2px;border:1px solid #e6e6e6;}
fieldset { border:1px solid #ccc;margin:4px;padding:4px;}

/* gwt */


.gwt-PopupPanel {border: 1px solid #ddd !important;-webkit-border-radius: 4px; border: 1px solid #ccc;z-index:11;padding:0 !important;}
.gwt-PopupPanel .windowBar {background-color:#E6E6E6;}
.gwt-PopupPanel .windowBar .windowBar-title {text-align:center;}
.gwt-PopupPanel .windowBar  button.close-button {background:url('images/close-normal.png') no-repeat 0 0; width:24px;height:24px;border:0;}
.gwt-PopupPanel .windowBar  button.close-button:hover {background:url('images/close-hover.png') no-repeat 0 0;}
.gwt-PopupPanel .windowBar  button.close-button:active {background:url('images/close-active.png') no-repeat 0 0;}
#body .gwt-TabLayoutPanel {width:980px;margin:0 auto;background:#fff;min-height:590px;margin-bottom:30px;}
#body gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {border-color: #ccc;border-style: solid;border-width: 1px;overflow: auto;padding: 6px;}
#body .gwt-TabLayoutPanelTabs {float:left;font-size:130%;width:980px;-webkit-border-radius-topleft: 10px;-webkit-border-radius-topright: 10px;}
#body .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab-selected  {background:#fff;border:1px solid #ccc;}
#body .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTabInner  .gwt-Label {font-size:90%;font-weight:normal;padding:0 10px;min-width:50px;}
#body .gwt-TabLayoutPanelContentContainer {border: 0px;}
#body .gwt-TabLayoutPanelContent {}
.gwt-SplitLayoutPanel {}
.gwt-MenuBar {}
.gwt-MenuBar .gwt-MenuItem {}
.gwt-MenuBar .gwt-MenuItem-selected {}
a.gwt-Anchor:hover{cursor:pointer;}
h1.head-title {}
table.toolbar-controls {}

/* layout */


/* chrome */

body{background-color:#fff;}
#mainPanel{width:100%;min-width:980px; max-width:1200px; margin:0 auto;resize:none;overflow:none;}
#body .wrapper{padding:0 10px;}
#imageView{resize:both;overflow:auto;}
.global-nav ul,.global-nav li,.global-nav p,.global-nav fieldset,#section-header ul,#section-header li,#section-header p,#section-header,.global-search fieldset,.global-search select,.global-search input,#footer ul,#footer li,#footer p{margin:0;padding:0;list-style-type:none;border:0;outline:0;background:none;vertical-align:middle;}
#body,#footer{clear:both;width:100%;margin:0;}
#body .global-nav{clear:both;width:100%;margin:0;}
.global-nav:after,#body:after,#main:after,#footer:after,.primary:after,.wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.global-nav,#body,#main,#footer{zoom:1;}
.global-nav{font-size:13px;margin-bottom:10px;}
.global-nav a,.global-nav a:hover,.global-nav a:visited{text-decoration:none!important;color:#069;}
.global-nav .logo{margin:6px 10px 0 3px;float:left;width:100px;display:block;}
.global-nav .logo a{background:url('images/epad.png') no-repeat;display:block;height:22px;text-indent:-12345px;}

.global-nav .bar{background:url('images/nav1.png') repeat-x 0 0;height:38px;margin-bottom:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #ccc;-moz-box-shadow: 3px 3px 5px #888;;-webkit-box-shadow: 3px 3px 5px #888;}
.global-nav .bar .wrapper{padding:0 5px;height:38px;}
.global-nav .bar .nav{margin-left:5px;}
.global-nav .bar .tab{float:left;margin:0;line-height:36px;font-size:13px;}
.global-nav .bar .tab span{display:block;padding:1px 9px;}
.global-nav .bar .tab:hover,.global-nav .bar .tab.hover{background:#fff!important;border:1px solid #016799;box-shadow:0 3px 10px #888;-moz-box-shadow:0 3px 10px #888;-webkit-box-shadow:0 3px 10px #888;}
.global-nav .bar .tab:hover span,.global-nav .bar .tab.hover span{padding:0 8px;}
.global-nav .bar .hover span,.global-nav .bar li:hover span{background-color:#fff;position:relative;z-index:10;}
.global-nav .bar .hover .menu span,.global-nav .bar li:hover .menu span{background-color:transparent;position:static;}
.global-nav .bar .hover .menu .title,.global-nav .bar li:hover .menu .title{padding:0 5px 5px;}
.global-nav .selected a{color:#2C2C2C!important;}
.global-nav .hover,.global-nav li:hover{position:relative;z-index:9;}
.global-nav .hover .menu,.global-nav li:hover .menu{display:block;}
.global-nav .menu{display:none;position:absolute;top:34px;left:-1px;z-index:4;background:#fff;border:1px solid #016799;padding:5px 0;box-shadow:0 6px 10px #888;-moz-box-shadow:0 6px 10px #888;-webkit-box-shadow:0 6px 10px #888;}
.global-nav .menu li{line-height:1;_width:175px;margin:0 5px;font-size:13px;white-space:nowrap;}
.global-nav .menu li a{color:#069!important;white-space:nowrap;display:block;padding:5px;_width:100%;_overflow:hidden;_text-overflow:ellipsis;}
.global-nav .menu li a:hover{color:#fff!important;background-color:#016799;text-decoration:none;}
.global-nav .menu li a:hover sup{color:#fff;}
.global-nav .menu li.separator{margin-top:4px;padding-top:4px;border-top:1px solid #ccc;}
.global-nav .menu ul{margin:0;padding:0;}
.global-nav .menu ul li{margin:0;padding:0;}
.global-nav .menu ul li a{padding:5px 10px;}

.global-nav .dMenu { margin: 1px 0px;}
.global-nav .dMenu ul {float:left; list-style: none;margin-bottom:10px;}
.global-nav .dMenu ul li {font-size: 10px;text-align:left;}
.global-nav .dMenu ul li a {padding: 5px;}
.global-nav .dMenu ul a{ display:block; width:100px; font-size:10px; text-decoration:none;padding:0; margin:0;}
.global-nav .dMenu ul a:hover{text-decoration:underline;}
.global-nav .dMenu h2 { font-size:12px; color:#000; white-space:normal;font-weight:bold; padding:0 0 3px 0;line-height:1.5em;border-bottom:1px dotted #000;margin-bottom:5px;}
.global-nav .dMenu h3 { font-size:11px; color:#000; white-space:normal; padding:0 0 1px 0;line-height:1.2em;margin-bottom:3px;}

.global-nav #subNavContainerHelp #dropdownHelp  {width:330px;padding:0 0 0 5px;}
.global-nav #subNavContainerHelp #dropdownHelp div.LeftHandMenu{display:inline;float: left; width: 105px;padding-right:5px;}
.global-nav #subNavContainerHelp #dropdownHelp div.LeftHandMenuGroups{}

#global-search{float:right;margin:4px;padding:0;width:auto;}
#global-search fieldset{float:left;white-space:nowrap;}
#global-search select{font-size:11px;font-weight:bold;color:#666;padding:2px;text-align:right;}
#global-search button.search-go{cursor:pointer;background:url('images/menu-search.png') no-repeat 0 0;width:17px;height:18px;border:0;padding:0;}
#global-search button.search-go:hover{}
#global-search input {padding:0;margin:2px 0 0 0;vertical-align:text-top:background:transparent;border:0px solid #7c7c7c;border-color:#7c7c7c #c3c3c3 #ddd;width:200px;font-size:12px; }
#global-search input:focus{outline:none}
#global-search .search-scope:hover{ background:#fff;box-shadow:0 0 6px #628CD5;-moz-box-shadow:0 0 6px #628CD5;-webkit-box-shadow:0 0 6px #628CD5; }
#search-link{font-size:11px;line-height:22px;margin:0 6px 0 7px;display:inline;}
#global-search .search-scope{background:#fff;font-size:11px;float:left;z-index:7;padding:4px; border:1px solid #ccc;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;tab-index: 0;margin-bottom:6px;}
#global-search select {height:10px;margin-left:-6px;vertical-align:middle;display:inline-block;text-indent:-123456px;width:15px;-webkit-appearance:none;border:0px;background:url('images/open.png') no-repeat}


#main h1{font-weight:normal;font-size:160%;}
#footer{border-top:1px solid #ccc;margin:20px auto;padding:10px 0;color:#666;clear:both;}
#footer .wrapper{clear:both;margin:0 auto;width:984px;}
#footer p{font-size:110%;}
#footer .nav-footer{margin:0 0 8px -8px;clear:both;zoom:1;}
#footer .nav-footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .nav-footer li{font-size:120%;float:left;padding:0 8px;}
#footer li.first{margin:0;padding:0;}
#footer li.last{border:0;}


#login-form {font-size:13px;}
#login-form fieldset{border:1px solid #fff;padding-bottom:9px;margin-bottom:17px;border-bottom:1px solid #CCC;overflow:hidden;zoom:1;}
#login-form fieldset legend{display:none;}
#login-form ul{width:100%;margin-right:10px;float:left;}
#login-form ul li{margin-bottom:8px;overflow:hidden;zoom:1;padding-left:110px;}
#login-form ul li label{float:left;font-weight:bold;margin-right:10px;padding-top:2px;text-align:right;}
#login-form input{width:302px;}
#login-form .message{width:302px;}
#login-form #login-error-message{color:red;display:none;}
#login-form ul li label{margin-left:-110px;width:130px;}
#login-form .actions {text-align: center;line-height: 2em;margin-top: 17px;}
#login-form .one-column {margin-left:320px;}
#login-form a:hover{cursor:hand;}
#loginForm.gwt-DialogBox {width: 600px;height:300px;}

#settings-form {font-size:13px;}
#settings-form fieldset{border:1px solid #fff;padding-bottom:9px;margin-bottom:17px;border-bottom:1px solid #CCC;overflow:hidden;zoom:1;}
#settings-form fieldset legend{display:none;}
#settings-form ul{width:100%;margin-right:10px;float:left;}
#settings-form ul li{margin-bottom:8px;overflow:hidden;zoom:1;padding-left:110px;}
#settings-form ul li label{float:left;font-weight:bold;margin-right:10px;padding-top:2px;text-align:right;}
#settings-form input{width:302px;}
#settings-form .message{width:302px;}
#settings-form #login-error-message{color:red;display:none;}
#settings-form ul li label{margin-left:-110px;width:130px;}
#settings-form .actions {text-align: center;line-height: 2em;margin-top: 17px;}
#settings-form .one-column {margin-left:320px;}
#settings-form a:hover{cursor:hand;}
#settingsForm.gwt-DialogBox {width: 600px;height:400px;}

.btn-primary{background:#0571A6;border-width:1px;border-style:solid;border-color:#004a73;color:#fff;-webkit-border-radius:3px;cursor:pointer;font-size:12px;line-height:1.35;margin:0;overflow:visible;padding:3px 10px 2px;text-decoration:none!important;vertical-align:top;width:auto !important;}
.btn-primary:hover{background-color:#04608E;}
a.btn-primary{display:inline-block!important;padding:3px 10px;}
a.btn-primary:hover{text-decoration:none!important;}


.hidden {display:none;}
.thumbnails {height:652px;width:207px;vertical-align:top;display:inline-block}

/* imgGrid-widget */

.imgGrid-widget .imgItem{padding:10px;width="100%";}
.imgGrid-widget .imgItem .photo{width:55px;}
.imgGrid-widget .imgItem .rotulo{padding:5px;color:#69;font-size:13px;}
.imgGrid-widget .imgItem .info{padding:5px 0;color:#00;font-size:11px;}


/* imgGrid-widget in a cell browser */

.imgGrid-widget .cell-widget .imgItem{padding:0px; width:auto;}
.imgGrid-widget .cell-widget .imgItem .photo{width:55px;}
.imgGrid-widget .cell-widget .imgItem .rotulo{padding:5px;color:#69;font-size:13px;}
.imgGrid-widget .cell-widget .imgItem .info{padding:5px 0;color:#00;font-size:11px;}
.imgGrid-widget .cell-widget .gwt-SplitLayoutPanel-HDragger {background-color:#ccc;}
#browserDialog.gwt-DialogBox {width: 750px;height:400px;}
#browserDialog.imgGrid-widget.cell-widget .imgItem{padding:0px; width:auto;}
#browserDialog .gwt-SplitLayoutPanel-HDragger{background:#E7E7E7 url('images/thumb_vertical.png') center center no-repeat}


    
/* cursors */

#imageCanvas {cursor:pointer;}
#imageCanvas.level-mode {cursor:hand;}
#imageCanvas.move-mode {cursor:url(images/cursor-move.png) 12 10, move;;}
#imageCanvas.zoom-mode {cursor:url(images/cursor-zoom.png) 12 10, crosshair;}
#imageCanvas.animate-mode {cursor:ne-resize;}
#imageCanvas.rotate-mode{cursor:url(images/cursor-rotate.png) 12 10, crosshair;}
#imageCanvas.roi-mode {cursor:sw-resize;}


/* module */

.module{margin-bottom:20px;padding:0;width:100%;}
.module .header{background:#ccc;border:1px solid #ddd;border-width:0 1px 1px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;padding:5px 10px;}
.module .header h1,.module .header h2,.module .header h3,.module .header h4,.module .header h5{margin:0;font-size:13px;font-weight:bold;}
.module .content{background:#fff;border:1px solid #ddd;border-width:0 1px 1px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding:6px 10px 8px 10px;zoom:1;}


/* toolbar */

#tool-bar .bar{background:url('images/bar.png') no-repeat 0 0;width:1auto;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #ccc; overflow:hidden;}
#tool-bar .bar{background-image: -moz-linear-gradient(top, #cfcfcf, #a8a8a8);}
#tool-bar .bar{background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#a8a8a8));}

#tool-bar  .wrapper{padding:5px 5px;height:40px; }
#tool-bar  .tool {width:auto;float:left;height:40px;display:inline-block;padding:4px 8px;margin:4px;border-right:1px dashed #666;}

#tool-bar   .btn-set button{display:inline-block;outline:0;background:transparent;border:1px solid transparent;height:30px;width:30px; }
#tool-bar   .btn-set button:hover{background:#ddd;  border:1px solid #999; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
#tool-bar   .btn-set button:active{background:#fff; border:1px solid #999; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
#tool-bar   .btn label{font-size:1em;}
#tool-bar   .btn-set {float:left;display:inline-block;height:40px;width:40px;text-align:center}
#tool-bar .bar  .tool .btn-set button.selected{background:#fff; border:1px solid #999; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
#tool-bar .more  .tool .btn-set button.selected{background:#fff; border:1px solid #999; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
#tool-bar .more  .tool .btn-spacer{width:10px;height:50px;display:inline-block;float:left}

#tool-bar .more{display:none;background:#dfecf5;clear:left;height:auto;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #ccc; overflow:hidden;}
#tool-bar .tool-more-header {float:left;display:inline-block; font-size:1.2em;vertical-align:middle;}
#tool-bar  .more .tool {border-right:0px;display:inline-block}
#tool-bar  .more .tool .btn-set {display:inline-block}


#tool-bar .bar  .tool .btn#edit-gradient{background-image:url("images/genome/filters-invert.png");background-repeat: no-repeat;background-position: 2px 2px ;}
#tool-bar .bar  .tool .btn#edit-animate{background-image:url("images/genome/sound_video.png") ;background-repeat: no-repeat;background-position: 2px 3px ;}
#tool-bar .bar  .tool .btn#edit-zoom{background-image:url("images/genome/zoom-optimal.png") ;background-repeat: no-repeat;background-position: 2px 3px ;}
#tool-bar .bar  .tool .btn#edit-move{background-image:url("images/genome/move.png") ;background-repeat: no-repeat;background-position: 2px 3px ;}
#tool-bar .bar  .tool .btn#edit-draw{background-image:url("images/genome/draw-freeform-line.png") ;background-repeat: no-repeat;background-position: 2px 3px ;}
#tool-bar .bar  .tool .btn#edit-rotate{background-image:url("images/genome/rotate.png") ;background-repeat: no-repeat;background-position: 2px 3px ;}
#tool-bar .bar  .tool .btn#edit-annotate{background-image:url("images/genome/draw-callouts.png") ;background-repeat: no-repeat;background-position: 2px 2px ;}
#tool-bar .bar  .tool .btn#edit-delete{background-image:url("images/genome/edit-delete.png") ;background-repeat: no-repeat;background-position: 2px 3px ;}
#tool-bar .bar  .tool .btn#edit-rotate-right{background-image:url("images/genome/object-rotate-right.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .bar  .tool .btn#edit-move-shift{background-image:url("images/genome/zoom-shift.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .bar  .tool .btn#edit-tile{background-image:url("images/genome/edit-tile.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .bar  .tool .btn#edit-settings{background-image:url("images/genome/settings.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .bar  .tool .btn#edit-help{background-image:url("images/genome/help-happy.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .bar  .tool .btn#edit-tab{background-image:url("images/genome/duplicate.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}


#tool-bar .more  .tool .btn#draw-line{background-image:url("images/genome/draw-line.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-circle{background-image:url("images/genome/draw-circle-unfilled.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-rectangle{background-image:url("images/genome/draw-rectangle-unfilled.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-arc{background-image:url("images/genome/draw-circle-arc.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-poly{background-image:url("images/genome/draw-polygon-45.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-openpoly{background-image:url("images/genome/draw-polygon.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-arrow{background-image:url("images/genome/draw-line-ends-with-arrow.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-text{background-image:url("images/genome/draw-text-frame.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#draw-oval{background-image:url("images/genome/draw-ellipse.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}

#tool-bar .more  .tool .btn#tile-one-page{background-image:url("images/genome/tile-one-page.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#tile-two-pages{background-image:url("images/genome/tile-two-page.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#tile-four-pages{background-image:url("images/genome/tile-four-pages.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}

#tool-bar .more  .tool .btn#settings-table{background-image:url("images/genome/form-table-control.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#settings-browser{background-image:url("images/genome/web-browser.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}

#tool-bar .more  .tool .btn#level-reset{background-image:url("images/genome/enum-restart.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#level-bone{background-image:url("images/genome/enum-restart.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#level-abdomen{background-image:url("images/genome/enum-restart.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#level-pulmonary{background-image:url("images/genome/enum-restart.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#level-endoscopy{background-image:url("images/genome/enum-restart.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}
#tool-bar .more  .tool .btn#level-brain{background-image:url("images/genome/enum-restart.png") ;background-repeat: no-repeat;background-position: 3px 3px ;}



#tool-bar .bar  .tool .radio-set{height:20px;padding:0;}
#tool-bar .bar  .tool .roi-set{height:35px;padding:0 2px;}
#tool-bar .roi-length {background-image:url("images/roi-length.png")!important;}
#tool-bar .roi-angle {background-image:url("images/roi-angle.png")!important;}
#tool-bar .roi-rectangle {background-image:url("images/roi-rectangle.png")!important;}
#tool-bar .roi-oval {background-image:url("images/roi-oval.png")!important;}
#tool-bar .roi-text {background-image:url("images/roi-text.png")!important;}
#tool-bar .roi-arrow {background-image:url("images/roi-arrow.png")!important;}
#tool-bar .roi-open-poly {background-image:url("images/roi-open-poly.png")!important;}
#tool-bar .roi-closed-poly {background-image:url("images/roi-closed-poly.png")!important;}
#tool-bar .roi-pencil {background-image:url("images/roi-pencil.png")!important;}
#tool-bar .roi-point {background-image:url("images/roi-point.png")!important;}
#tool-bar .roi-brush {background-image:url("images/roi-brush.png")!important;}
#tool-bar .roi-axis {background-image:url("images/roi-axis.png")!important;}	 
#tool-bar .roi-dyn {background-image:url("images/roi-dyn.png")!important;}	 
#tool-bar .roi-repulsor {background-image:url("images/roi-repulsor.png")!important;}
#tool-bar .roi-selector {background-image:url("images/roi-selector.png")!important;}


#radioList li {display: inline-block;list-style-type: none;}
#radioList li div {width:18px; padding:4px;}
#controlList li {display: inline-block;list-style-type: none;}
#controlList li div {width:18px; padding:4px;height:16px;}
#controlList li div select {vertical-align:baseline;}

#tool-bar .tool input[type='range']{width:100px;font-size:13px;}
#tool-bar .tool input[type='number']{width:40px;font-size:13px;background:#efefef;border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-align:center;}
	
.slider {display:inline-block}
.slider input[type='range']{width:100px;font-size:13px;}
.slider input[type='number']{width:40px !important;font-size:13px;background:#efefef;border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-align:center;}

		
/* tooltips */


#tool-bar .tool button.gwt-Button{position:relative; z-index:0; }
#tool-bar .tool button.gwt-Button:hover{z-index:1;}
#tool-bar .tool button.gwt-Button span.info {display:none}
#tool-bar .tool button.gwt-Button:hover span.info {z-index:2;display:block!important; position:absolute; top:1em; left:2em; padding:3px 6px; white-space:nowrap; width:auto;color:#666;font-size:0.9em;text-align: center;border:1px solid #ccc;background-color:#fff;-webkit-box-shadow: 5px 5px 5px #888}


 /* svg */
 svg  {cursor: pointer;}

    








